<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt"  uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎来到时尚屋</title>
<link rel="stylesheet" type="text/css" href="css/commodity.css"/>
<link href="css/lens.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="js/lens.js"></script>
</head>
<style>
.a{ margin-top:15px;}
.a0{float:left; margin-right:25px; font-size:14px; color:#999;}
.a1{ width:30px; height:30px; display:block;float:left; border:1px solid #CCC; margin-left:5px;text-align:center;}
.a1:hover{ border:2px solid #F00;}
.a1 a{ color:#333; text-decoration:none;}
.b{ margin-top:15px;}
.b0{float:left; margin-right:25px; font-size:14px; color:#999; }
.b1 img{ width:40px; height:40px;  }

.b1 img:hover{ border: 1px solid #f00; }
.c{ font-size:14px; color:#666; margin:10px 0;}
.c0{ margin-right:15px;}
.c a{ color:#666;}
</style>
<body>
<%@ include file="common.jsp" %>

<div id="center">
    <!-- <div id="top_left">
    	<img src="${CommoList.url }" />
        <ul>
	        <li><img src="${CommoList.url }" /></li>
	        <li><img src="${CommoList.url }" /></li>
	        <li><img src="${CommoList.url }" /></li>
        </ul>
        <a href="#" style=" color:#222; float:left; margin-left:50px; font-size:20px; text-decoration:underline;" >收藏宝贝</a>
        <a href="#" style=" color:#222; float:right;margin-right:80px; font-size:20px; text-decoration:underline;" >收藏宝贝</a>
    </div>
     -->
     <div style="float: left; margin-top:15px;">
     <div id="pic_product_middle" >
		<img src="img_shop/${CommoList.img_1 }" class="zoom" big="img_shop/${CommoList.img_1 }"  />
	</div>
	<div id="pic_product_small">
		<img src="img_shop/${CommoList.img_1 }" />
		<img src="img_shop/${CommoList.img_2 }" />
		<img src="img_shop/${CommoList.img_3 }" />
		<img src="img_shop/${CommoList.img_4 }" />
		<img src="img_shop/${CommoList.img_2 }" />
	</div>
     </div>
     
     
     
    <div id="top_right" style="line-height:65px; padding-left:20px; float:left;">
    	<div style="line-height:35px; margin-top:20px;">
    <span style=" line-height:20px; display:block;">
        <p>${CommoList.title }</p>
        <p style="color: #F00; font-size:16px;">正品 7天无忧购物 特价专享 欲买从速</p>
    </span>
     <span style=" background:#999; display: block; width:510px; height:65px; font-size:14px; line-height:25px; margin-top:10px; ">
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;货真价实一口价</p>
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;促销价：<span style="color:#C00; font-size:25px; font-weight:bold;">${CommoList.price }</span> </p>
    </span>
	<p style="font-size:14px; color: #999; margin-top:10px;">
    	运费：<span style="font-size:12px; color:#999; padding-left:20px;">河北沧州 至 上海</span> &nbsp;运费：0
    </p>
     <p class="b"> 
    	<span class="b0">主要颜色</span>
    	<span class="b1"><img src="img_shop/${CommoList.img_1 } "/></span>
        <span class="b1"><img src="img_shop/${CommoList.img_4 }" /></span>
        <span class="b1" ><img src="img_shop/${CommoList.img_3 }" /></span>
    </p>
    <p class="c"> 
    	<span class="c0">服务承诺</span>
    	<span class="c1"><a href="#">按时发货</a></span>
        <span class="c2"><a href="#">极速退款</a></span>
        <span class="c3"><a href="#">七天无理由退换</a></span>
        <span class="c4"><a href="#">正品保障</a></span>
    </p> 
    
    <p class="a"> 
    	<span class="a0">尺码</span>
    	<span class="a1"><a href="#">M</a></span>
        <span class="a1"><a href="#">L</a></span>
        <span class="a1"><a href="#">XL</a></span>
        <span class="a1"><a href="#">S</a></span>
    </p> 
</div><br>
      
        <form action="ShoppingCartServlet?m=goumai" method="post" style="float:left; margin-left:60px; ">
   			<input type="hidden"  name="Id" value="${loginUser.loginId }" />
   			<input type="hidden"  name="Name" value="${loginUser.name }" />
   			<input type="hidden"  name="Number" value="${CommoList.number }" />
   			<input type="hidden"  name="Title" value="${CommoList.title }" />
   			<input type="hidden"  name="Price" value="${CommoList.price }" />
   			<input type="hidden"  name="Url"  value="${CommoList.url }" />
   			<input type="submit"  value="" style=" width:180px; height:40px; background: url(img_bg/liji.png); border:none;  " />
   			
   		</form>
   		<form action="ShoppingCartServlet?m=save" method="post"  style="float:left; margin-left:15px;   ">
   			<input type="hidden"  name="Id" value="${loginUser.loginId }" />
   			<input type="hidden"  name="Name" value="${loginUser.name }" />
   			<input type="hidden"  name="Number" value="${CommoList.number }" />
   			<input type="hidden"  name="Title" value="${CommoList.title }" />
   			<input type="hidden"  name="Price" value="${CommoList.price }" />
   			<input type="hidden"  name="Url"  value="${CommoList.url }" />
   			
   			<input type="submit" value=" "  style=" width:180px; height:40px; background: url(img_bg/gouwu.png); border:none;  " />
   		</form>
       

   
    </div>

    <div id="content" style="margin-top:0px; ">

		<ul>
        	<li><a href="#">商品详情</a></li>
            
        </ul>
        <br><br>
        
        <img src="img_shop/${CommoList.minute }" />
        <img src="img_shop/${CommoList.img_1 }" />
        <img src="img_shop/${CommoList.img_2 }" />
        <img src="img_shop/${CommoList.img_3 }" />
        <img src="img_shop/${CommoList.img_4 }" />
 
        
    </div>
</div>

<%@ include file="footer.jsp" %>
</body>
</html>
